<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="js/createPt.js" charset="utf-8"></script>
<script type="text/javascript" src="js/dashBoard.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="css/sdsway2_style.css"/>
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, width=device-width, height=device-height" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>[PPS]${ptName}</title>
</head>
<body>
	<fieldset>
		<legend>Presentation Name</legend>
		<ul>
			<li>
				<input type="text" style="width:80%;"></input>
			</li>
		</ul>
	</fieldset>
	<fieldset>
		<legend>슬라이드 이미지 삽입</legend>
		<ul id="slideImgList">
			<li>
				<input type="file"></input><img src="img/closeBtn.png" onclick="del(this);"/>
			</li>
			<li>
				<input type="file"></input><img src="img/closeBtn.png" onclick="del(this);"/>
			</li>
			<li>
				<input type="file"></input><img src="img/closeBtn.png" onclick="del(this);"/>
			</li>
		</ul>
		<a href="#" onclick="addSlide();return false;">I need more slide</a>
	</fieldset>
	<fieldset>
		<legend>실시간 설문 입력</legend>
		<ul id="pollList">
			<li>
				<img src="img/closeBtn.png" onclick="del(this);"/>
				<table class="defaultTable">
					<colgroup>
						<col width="80px"/>
						<col width=""/>
						<col width="300px"/>
					</colgroup>
					<tr>
						<th>종류</th>
						<th>문제</th>
						<th>보기</th>
					</tr>
					<tbody>
						<tr>
							<td>
								<input type="radio" id="pollObjSubFlagOBJ_1" name="pollObjSubFlag_1" value="OBJ" checked="checked" onclick="toggleOpts('OBJ',this);"/><label for="pollObjSubFlagOBJ_1">객관식</label>
								<br />
								<input type="radio" id="pollObjSubFlagSUB_1" name="pollObjSubFlag_1" value="SUB" onclick="toggleOpts('SUB',this);"/><label for="pollObjSubFlagSUB_1">주관식</label>
								<br />
								<input type="radio" id="pollObjSubFlagOX_1" name="pollObjSubFlag_1" value="OX" onclick="toggleOpts('OX',this);"/><label for="pollObjSubFlagOX_1">OX</label>
							</td>
							<td>
								<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;"></textarea>
							</td>
							<td>
								<div id="optsDiv">
									1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"/><br/>
									2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"/><br/>
									3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"/><br/>
									4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;"/>
								</div>
								<div id="oxOptsDiv" style="display:none;">
									1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;"/><br/>
									2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;"/>
								</div>
							</td>
						</tr>
					</tbody>
				</table>
			</li>
		</ul>
		
		<a href="#" onclick="addPoll();return false;">I need more poll</a>
	</fieldset>
	<div style="text-align:center;">
		<div id="createPtBtn" class="defaultBtnDiv" >
			create new presentation
		</div>
	</div>
</body>
<div id="addSlideDiv" style="display:none;">
	<li>
		<input type="file"></input><img src="img/closeBtn.png" onclick="del(this);"/>
	</li>
</div>
<div id="addPollDiv" style="display:none;">
	<li>
		<img src="img/closeBtn.png" onclick="del(this);"/>
		<table  class="defaultTable">
			<colgroup>
				<col width="80px"/>
				<col width=""/>
				<col width="300px"/>
				<col width="100px"/>
			</colgroup>
			<tr>
				<td>
					<input type="radio" id="pollObjSubFlagOBJ_#NO#" name="pollObjSubFlag_#NO#" value="OBJ" checked="checked" onclick="toggleOpts('OBJ',this);"/><label for="pollObjSubFlagOBJ_#NO#">객관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagSUB_#NO#" name="pollObjSubFlag_#NO#" value="SUB" onclick="toggleOpts('SUB',this);"/><label for="pollObjSubFlagSUB_#NO#">주관식</label>
					<br />
					<input type="radio" id="pollObjSubFlagOX_#NO#" name="pollObjSubFlag_#NO#" value="OX" onclick="toggleOpts('OX',this);"/><label for="pollObjSubFlagOX_#NO#">OX</label>
				</td>
				<td>
					<textarea id="qstVal" name="qstVal" style="width:97%; height:120px;"></textarea>
				</td>
				<td>
					<div id="optsDiv">
						1.<input type="text" id="objOpt1" name="objOpt1" style="width:220px;"> <input type="number" id="optPoint1" name="optPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="objOpt2" name="objOpt2" style="width:220px;"> <input type="number" id="optPoint2" name="optPoint2" maxlength="3" style="width:50px;"><br/>
						3.<input type="text" id="objOpt3" name="objOpt3" style="width:220px;"> <input type="number" id="optPoint3" name="optPoint3" maxlength="3" style="width:50px;"><br/>
						4.<input type="text" id="objOpt4" name="objOpt4" style="width:220px;"> <input type="number" id="optPoint4" name="optPoint4" maxlength="3" style="width:50px;">
					</div>
					<div id="oxOptsDiv" style="display:none;">
						1.<input type="text" id="oxOpt1" name="oxOpt1" style="width:220px;"> <input type="number" id="oxOptPoint1" name="oxOptPoint1" maxlength="3" style="width:50px;"><br/>
						2.<input type="text" id="oxOpt2" name="oxOpt2" style="width:220px;"> <input type="number" id="oxOptPoint2" name="oxOptPoint2" maxlength="3" style="width:50px;">
					</div>
				</td>
			</tr>
		</table>
	</li>
</div>
</html>